<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>图片展示测试</title>
</head>
<body>
<button id="loadButton">加载图片</button>
<div id="imageContainer"></div>

<script>
  // 获取按钮和图像容器的引用
  const loadButton = document.getElementById('loadButton');
  const imageContainer = document.getElementById('imageContainer');

  // 监听按钮点击事件
  loadButton.addEventListener('click', () => {
    // 替换为您的图片URL数组
    const imageUrls = [
      'https://onlineshoplzk.oss-cn-beijing.aliyuncs.com/image/hello1.jpg',
      'https://onlineshoplzk.oss-cn-beijing.aliyuncs.com/image/hello10.jpg',
      'https://onlineshoplzk.oss-cn-beijing.aliyuncs.com/image/hello11.jpg',
      // 添加更多的图片URL
    ];

    // 清空图像容器
    imageContainer.innerHTML = '';

    // 遍历URL数组，加载并展示图片
    imageUrls.forEach((imageUrl) => {
      const image = new Image();
      image.src = imageUrl;

      // 添加图片到图像容器
      imageContainer.appendChild(image);
    });
  });
</script>
</body>
</html>
